/** Initialize for all components. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre,section,main,aside,header,footer{margin: 0;padding: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{color: #333;text-decoration:none;}
a:hover{color: #777;}
a cite{font-style: normal; *cursor:pointer;}
a:active,a:hover{outline:0}
img{display: inline-block;border: none;vertical-align: middle;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
button,input,select,textarea{font-size: 100%;}
input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
body{font: 14px Lucida Grande,Lucida Sans Unicode,Tahoma,Helvetica,Arial,Microsoft Yahei,"\5FAE\8F6F\96C5\9ED1",STXihei,"\534E\6587\7EC6\9ED1",Verdana,sans-serif; color: rgba(0, 0, 0, .65)}

/* Base background colors */
.bg-white{background-color: white !important}
.bg-black{background-color: #000 !important}
.bg-danger{background-color: #FF5722 !important}
.bg-warning{background-color: #FFB800 !important}
.bg-primary{background-color: #01AAED !important}
.bg-success{background-color: #5FB878 !important}
.bg-info{background-color: #009688 !important}
.bg-dark{background-color: #393D49 !important}
.bg-cyan{background-color: #2F4056 !important}
.bg-lightest{background-color: #F0F0F0 !important}
.bg-lighter{background-color: #F2F2F2 !important}
.bg-light{background-color: #EEEEEE !important}
.bg-gray{background-color: #E2E2E2 !important}
.bg-grayer{background-color: #DDDDDD !important}
.bg-deepgray{background-color: #D2D2D2 !important}
.bg-darkgray{background-color: #C2C2C2 !important}
.bg-darker{background-color: rgba(0,0,0,.2) !important}

/* Base foreground colors. */
.fg-white{color: white !important}
.fg-black{color: #000 !important}
.fg-muted{color: #6c757d !important}
.fg-danger{color: #FF5722 !important}
.fg-warning{color: #FFB800 !important}
.fg-primary{color: #01AAED !important}
.fg-success{color: #5FB878 !important}
.fg-info{color: #009688 !important}
.fg-dark{color: #393D49 !important}
.fg-cyan{color: #2F4056 !important}
.fg-lightest{color: #F0F0F0 !important}
.fg-lighter{color: #F2F2F2 !important}
.fg-light{color: #EEEEEE !important}
.fg-gray{color: #E2E2E2 !important}
.fg-grayer{color: #DDDDDD !important}
.fg-deepgray{color: #D2D2D2 !important}
.fg-darkgray{color: #666 !important}
.fg-darker{color: rgba(0,0,0,.35) !important}

/* Border colors. */
.border-primary{border-color: #01AAED !important}
.border-gray{border-color: #E2E2E2 !important}
.border-info{border-color: #009688 !important}
.border-warning{border-color: #FFB800 !important}
.border-danger{border-color: #FF5722 !important}
.border-success{border-color: #5FB878 !important}
.border-light{border-color: #EEEEEE !important}
.border-dark{border-color: #393D49 !important}
.border-white{border-color: white !important}

/* Margins and paddings */
.m-0{margin: 0 !important}
.m-1{margin: .25rem !important}
.m-2{margin: .5rem !important}
.m-3{margin: 1rem !important}
.m-4{margin: 1.5rem !important}
.m-5{margin: 3rem !important}
.mx-0,.ml-0{margin-left: 0 !important}
.mx-1,.ml-1{margin-left: .25rem !important}
.mx-2,.ml-2{margin-left: .5rem !important}
.mx-3,.ml-3{margin-left: 1rem !important}
.mx-4,.ml-4{margin-left: 1.5rem !important}
.mx-5,.ml-5{margin-left: 3rem !important}
.mx-0,.mr-0{margin-right: 0 !important}
.mx-1,.mr-1{margin-right: .25rem !important}
.mx-2,.mr-2{margin-right: .5rem !important}
.mx-3,.mr-3{margin-right: 1rem !important}
.mx-4,.mr-4{margin-right: 1.5rem !important}
.mx-5,.mr-5{margin-right: 3rem !important}
.my-0,.mt-0{margin-top: 0 !important}
.my-1,.mt-1{margin-top: .25rem !important}
.my-2,.mt-2{margin-top: .5rem !important}
.my-3,.mt-3{margin-top: 1rem !important}
.my-4,.mt-4{margin-top: 1.5rem !important}
.my-5,.mt-5{margin-top: 3rem !important}
.my-0,.mb-0{margin-bottom: 0 !important}
.my-1,.mb-1{margin-bottom: .25rem !important}
.my-2,.mb-2{margin-bottom: .5rem !important}
.my-3,.mb-3{margin-bottom: 1rem !important}
.my-4,.mb-4{margin-bottom: 1.5rem !important}
.my-5,.mb-5{margin-bottom: 3rem !important}
.p-0{padding: 0 !important}
.p-1{padding: .25rem !important}
.p-2{padding: .5rem !important}
.p-3{padding: 1rem !important}
.p-4{padding: 1.5rem !important}
.p-5{padding: 3rem !important}
.px-0,.pl-0{padding-left: 0 !important}
.px-1,.pl-1{padding-left: .25rem !important}
.px-2,.pl-2{padding-left: .5rem !important}
.px-3,.pl-3{padding-left: 1rem !important}
.px-4,.pl-4{padding-left: 1.5rem !important}
.px-5,.pl-5{padding-left: 3rem !important}
.px-0,.pr-0{padding-right: 0 !important}
.px-1,.pr-1{padding-right: .25rem !important}
.px-2,.pr-2{padding-right: .5rem !important}
.px-3,.pr-3{padding-right: 1rem !important}
.px-4,.pr-4{padding-right: 1.5rem !important}
.px-5,.pr-5{padding-right: 3rem !important}
.py-0,.pt-0{padding-top: 0 !important}
.py-1,.pt-1{padding-top: .25rem !important}
.py-2,.pt-2{padding-top: .5rem !important}
.py-3,.pt-3{padding-top: 1rem !important}
.py-4,.pt-4{padding-top: 1.5rem !important}
.py-5,.pt-5{padding-top: 3rem !important}
.py-0,.pb-0{padding-bottom: 0 !important}
.py-1,.pb-1{padding-bottom: .25rem !important}
.py-2,.pb-2{padding-bottom: .5rem !important}
.py-3,.pb-3{padding-bottom: 1rem !important}
.py-4,.pb-4{padding-bottom: 1.5rem !important}
.py-5,.pb-5{padding-bottom: 3rem !important}

/* Text */
.text-left{text-align: left !important}
.text-center{text-align: center !important}
.text-right{text-align: right !important}
.text-ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.text-lowercase{text-transform: lowercase!important}
.text-uppercase{text-transform: uppercase!important}
.text-capitalize{text-transform: capitalize!important}
.text-bold{font-weight: 700!important}
.text-lightweight{font-weight: 300!important}
.text-italic{font-style: italic}
.text-logo{font-size: 36px; font-weight: bolder; text-align: center; margin-bottom: 16px}

/* Sizes */
.w-100{width: 100% !important}
.h-100{height: 100% !important}

/* Positions */
.fullscreen{position: fixed; left: 0; right: 0; top: 0; bottom: 0}
.center-child{display: flex; justify-content: center; align-items: center}

/* Shape */
.rounded{border-radius: 50vh!important}
.r-0{border-radius: 0 !important}
.r-1{border-radius: 2px !important}

/* Dividers */
.divider-v{box-sizing: border-box; display: inline-block; width: 1px; height: .9em; margin: 0 8px; vertical-align: middle; color: rgba(0,0,0,.65); font-size: 14px; line-height: 1.5; background: #e8e8e8}
.divider-h{box-sizing: border-box; display: block; clear: both; width: 100%; min-width: 100%; height: 0; border-bottom: 1px solid rgb(204,204,204)}

/* Others */
.hide{display: none}
.select-none{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.pointer{cursor: pointer}
.anchor{position: relative; width: auto; height: 0}
.link{color: #01AAED; cursor: pointer}
.link:hover{color: rgb(2, 183, 255)}